<template>
	<uni-section title="" type="line">
	
				<view class="example-body">
					<view class="uni-box-head">
						<uni-title type="h1" align="center" :title="newsDetail.title"></uni-title>
					</view>
					<view class="uni-box">
						<!-- <uni-title class="h3" type="h3" title="1 框架介绍"></uni-title> -->
					</view>
					
					<view>
						<image :src="newsDetail.image"></image>
						
					</view>
					<view class="uni-box">
						<rich-text :nodes="newsDetail.content"></rich-text>
						
					</view>
					
				</view>
			</uni-section>
</template>

<script>
	
	import store from '@/store/index.js';//需要引入store
	
	export default {
		computed:{
			
			newsDetail(){
				return store.state.home.newsDetail
			},
		
		},
		components: {},
		data() {
			return {
				
			}
		},
		onLoad(option) {
			console.log(option)
			//加载新闻通知数据
			store.dispatch('loadNewsDetailData',option.id)
		},
	}
</script>

<style lang="scss">
	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 10px;
	}

	.uni-text {
		font-size: 14px;
		line-height: 22px;
		color: #333;
	}
</style>
